.introduction {
    font-size    : 14px;
    padding      : 0.5em;
    margin-bottom: 0.3em;
    color        : gold;
    background   : #111;
}






.yyinput {
    .ant-input-affix-wrapper {
        width  : 100% !important;
        display: inline !important;
    }
}

.tb-edit .el-input {
    display: none;
}

.tb-edit .current-row .el-input {
    display: block;
}

.tb-edit .current-row .el-input+span {
    display: none;
}

.ant-radio-button-wrapper-checked {
    background: #1890ff !important;
}

.yblist {
    margin-left: 25px;
    width      : 71%;
    background : #fff;
    padding    : 20px;

    .yb_header {
        .navbar {
            display        : flex;
            justify-content: space-between;

            h4 {
                padding: 0 20px;
            }
        }
    }

    .ml-button {
        .fg {
            margin: 0 10px;
            color : #ccc;
        }
    }

    .ssfl {
        text-align: left;
        margin    : 20px 0;
    }

    .addbut {
        text-align: right;
        margin    : 10px;

        .el-button {
            padding: 8px 15px;
        }
    }

    .ant-drawer-title {
        color: #409eff !important;
    }
    .ant-btn-primary{
         margin-right: 20px;
    }
    .cpxiugai {

        text-align: left;
        padding   : 0 20px 20px;

        .yy {
            display: inline-block;

        }

        .ant-divider-inner-text,
        .el-link {
            font-size: 16px;
            color    : #409eff;
        }

        .xgbt {
            margin: 10px 0;

            .el-input {
                width: 20%;
            }
        }

        .cpnr {
            .el-textarea {
                width         : 50%;
                vertical-align: top;
            }
        }

        .subbtn {
            margin    : 20px 0;
            text-align: center;

            .ant-btn {
                width : 100px;
                margin: 0 10px !important;
            }
        }
    }

    .cpimgfoot {
        text-align     : left;
        display        : flex;
        height         : 61px;
        line-height    : 61px;
        justify-content: flex-start;

        // text-align   : center;
        // border-bottom: 1px solid #eee;
        // border-right : 1px solid #eee;
        // border-left  : 1px solid #eee;
        .uploadimg {
            display        : inline-block;
            vertical-align : top;
            // width       : 25%;
            // border-right: 1px solid #eee;
            text-align     : center;

            .ant-upload-list-picture-card .ant-upload-list-item {
                float : left;
                width : 104px;
                height: 58px;
                margin: 0 8px 8px 22px;
            }

            .avatar-uploader {
                width      : 100%;
                height     : 52px;
                line-height: 52px;
                display    : inline-block;
                margin-top : 5px;
                // position: relative;
                // top     : -19px;
                // left    : 83px;
            }

            .avatar-uploader .el-upload {
                border       : 1px dashed #d9d9d9;
                border-radius: 6px;
                cursor       : pointer;
                position     : relative;
                overflow     : hidden;

            }

            .avatar-uploader .el-upload:hover {
                border-color: #409EFF;
            }

            .avatar-uploader-icon {
                font-size  : 28px;
                color      : #8c939d;
                width      : 100%;
                height     : 50px;
                line-height: 50px;
                text-align : center;
            }

            .avatar {
                width  : 50px;
                height : 50px;
                display: block;
            }

            .ico {
                .anticon-cloud-upload {
                    vertical-align: top;
                    margin-right  : 5px;
                    color         : #40a9ff;
                }

                .uptext {
                    font-size  : 20px;
                    font-weight: bold;
                    color      : #40a9ff;
                }
            }

        }

        .cpimglx {
            // border-right: 1px solid #eee;
            // width       : 25%;
            text-align     : center !important;
        }

        .cpimgtit {
            text-align: center !important;

            // border-right: 1px solid #eee;
            // width       : 25%;
            .el-input {
                width: 100%;
            }
        }

        .cpimgcz {
            // width  : 25%;
            text-align: center;

            .ant-btn {
                padding: 4px 12px;
                margin : 7px;
            }
        }

    }

    .sjdr {
        text-align: left;

        .bt_tit {
            font-size  : 18px;
            font-weight: bold;
            color      : #838080;
        }

        .bt_radio {
            display: inline-block;
        }
    }

    .execl {
        position   : relative;
        // top     : -65px;
        top        : 0;

        button {
            position: absolute;
            right   : 46px;
            top     : -39px;
            z-index : 999;
        }
    }

    .exelbody {
        overflow-x: scroll;

        .ant-table-body {
            overflow-y: scroll !important;
            min-width : 1500px !important;
            max-height: 500px !important;

        }
    }

    .uploadiexel {
        height : 49px;
        display: inline-block;
        width: 118px!important;
        margin-left: 19px;
        position: relative;
        top: 10px;
        .ico {
            .anticon-cloud-upload {
                vertical-align: top;
                margin-right  : 5px;
                color         : #40a9ff;
            }

            .uptext {
                font-size  : 20px;
                font-weight: bold;
                color      : #40a9ff;
            }
        }
       
        .ant-upload-list-picture-card .ant-upload-list-item{
            padding: 0;
            height: 45px;
            margin: 0;
        }
        .ant-upload-list-picture-card .ant-upload-list-item-name{
            display: block;
            margin: 0;
            width: 100%;
            padding: 8px 0;
            line-height: 1.5;
            text-align: center;
            height: 52px;
            background: #ffff;
            display: inline-block;
            position: absolute;
            z-index: 99;
        }
        .ant-upload-list-picture-card .ant-upload-list-item-info::before{
            z-index: 100;
        }
        .ant-upload-list-picture-card .ant-upload-list-item-actions{
            z-index: 999;
            a{
                display: none;
            }
        }
        .ant-upload.ant-upload-drag {
            width: 100% !important;

        }

        .ant-upload {

            padding: 5px 0 !important;
        }

        .ant-upload-drag-icon {
            margin : 0 !important;
            display: inline-block !important;

            .anticon-cloud-upload {
                font-size     : 30px !important;
                vertical-align: middle !important;
                margin-right  : 10px;
            }
        }

        .ant-upload-text {
            display: inline-block !important;

        }

      
    }
    .dr {
        position: relative;
        top     : 0;
        left   : 35px;
        height  : 40px;
        .jzflg{
            
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.2);
    position: absolute;
    left: 0;
    z-index: 9;

        }
    }
}

.ybindex {
    position: relative;

    .search {
        position: absolute;
        right   : 20px;
    }
}

.getindex {
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 9;
    width     : 100%;
    height    : 900px;
    background: rgba(0, 0, 0, .5);
    overflow  : hidden;

    .bg {
        position        : absolute;
        top             : 120px;
        left            : 50%;
        transform       : translateX(-50%);
        width           : 80%;
        height          : 600px;
        background-color: #fff;
        text-align      : left;
        padding         : 30px 0px 30px 20px;

        .close {
            position : absolute;
            right    : 18px;
            top      : 5px;
            font-size: 20px;
            cursor   : pointer;
        }

        .scroll {
            position  : relative;
            top       : 20px;
            left      : 0;
            height    : 500px;
            overflow-y: scroll;


            .xl {
                h3 {
                    font-size  : 16px;
                    font-weight: 600;
                    margin     : 0 !important;
                    margin-top : 10px !important;

                }

                .checkbox {
                    padding: 10px;
                    border : 1px solid #ccc;

                    .ant-checkbox-wrapper {
                        margin-right: 20px !important;
                    }

                    .ybindextab {
                        display      : block;
                        width        : 100%;
                        border       : 1px solid #ccc;
                        padding      : 10px;
                        margin-bottom: -1px;
                    }
                }
            }
        }

        .foot_sub {
            position: absolute;
            bottom  : 10px;
            right   : 19px;
        }
    }
}

.ant-table-thead>tr>th,
.ant-table-tbody>tr>td {
    padding: 10px 16px !important;
}

.yblist .cpimgfoot .uploadimg .avatar-uploader {
    line-height: 30px !important;
}

.edit_container {
    margin-bottom: 50px;
}

.ql-container {
    height   : 400px !important;
    font-size: 16px !important;
}

//上传图片
.avatar-uploader {
    margin    : 0 !important;
    height    : 100% !important;
    text-align: center !important;
}

.ant-upload-select-picture-card i {
    font-size: 32px;
    color    : #999;
}

.ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    color     : #666;
}

.yblist .ant-upload.ant-upload-select-picture-card {
    border    : 0 !important;
    width     : 100% !important;
    height    : 100% !important;
    background: transparent !important;
}

//上传图片
.yblist .cpimgfoot .uploadimg .avatar {
    margin: 0 auto;
}

.cpimg {
    width : 87px;
    height: 51px;
}

.jexcel thead tr td {
    position: sticky !important;
    top     : 0 !important;
    z-index : 200 !important;

}
.picPath{
    position: relative;
}
.tab_upld{
    overflow: hidden;
    // position: absolute;
    // top: 0;
    // left: 0;
    // width: 100%;
    // background: #fff;
    // border: 1px solid #ccc;
    .ant-upload-list-picture-card .ant-upload-list-item{
        // width: 121px;
        // height: 51px;
        // margin: 0;
    }
}